<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>login</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="../static/resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="../static/data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="../static/files/login/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="../static/resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="../static/resources/scripts/axure/axQuery.js"></script>
    <script src="../static/resources/scripts/axure/globals.js"></script>
    <script src="../static/resources/scripts/axutils.js"></script>
    <script src="../static/resources/scripts/axure/annotation.js"></script>
    <script src="../static/resources/scripts/axure/axQuery.std.js"></script>
    <script src="../static/resources/scripts/axure/doc.js"></script>
    <script src="../static/resources/scripts/messagecenter.js"></script>
    <script src="../static/resources/scripts/axure/events.js"></script>
    <script src="../static/resources/scripts/axure/recording.js"></script>
    <script src="../static/resources/scripts/axure/action.js"></script>
    <script src="../static/resources/scripts/axure/expr.js"></script>
    <script src="../static/resources/scripts/axure/geometry.js"></script>
    <script src="../static/resources/scripts/axure/flyout.js"></script>
    <script src="../static/resources/scripts/axure/model.js"></script>
    <script src="../static/resources/scripts/axure/repeater.js"></script>
    <script src="../static/resources/scripts/axure/sto.js"></script>
    <script src="../static/resources/scripts/axure/utils.temp.js"></script>
    <script src="../static/resources/scripts/axure/variables.js"></script>
    <script src="../static/resources/scripts/axure/drag.js"></script>
    <script src="../static/resources/scripts/axure/move.js"></script>
    <script src="../static/resources/scripts/axure/visibility.js"></script>
    <script src="../static/resources/scripts/axure/style.js"></script>
    <script src="../static/resources/scripts/axure/adaptive.js"></script>
    <script src="../static/resources/scripts/axure/tree.js"></script>
    <script src="../static/resources/scripts/axure/init.temp.js"></script>
    <script src="../static/resources/scripts/axure/legacy.js"></script>
    <script src="../static/resources/scripts/axure/viewer.js"></script>
    <script src="../static/resources/scripts/axure/math.js"></script>
    <script src="../static/resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="../static/data/document.js"></script>
    <script src="../static/files/login/data.js"></script>
    <script type="text/javascript">
        $axure.utils.getTransparentGifPath = function () {
            return '../static/resources/../static/images/transparent.gif';
        };
        $axure.utils.getOtherPath = function () {
            return '../static/resources/Other.html';
        };
        $axure.utils.getReloadPath = function () {
            return '../static/resources/reload.html';
        };
    </script>
</head>
<body>
<div id="base" class="">
    <!-- Unnamed (动态面板) -->
    <div id="u1059" class="ax_default">
        <div id="u1059_state0" class="panel_state" data-label="状态1" style="">
            <div id="u1059_state0_content" class="panel_state_content">
            </div>
        </div>
    </div>

    <!-- Unnamed (动态面板) -->
    <div id="u1060" class="ax_default">
        <div id="u1060_state0" class="panel_state" data-label="状态1" style="">
            <div id="u1060_state0_content" class="panel_state_content">
            </div>
        </div>
    </div>

    <!-- 登录对话框 (动态面板) -->
    <div id="u1061" class="ax_default" data-label="登录对话框">
        <div id="u1061_state0" class="panel_state" data-label="账号登录" style="">
            <div id="u1061_state0_content" class="panel_state_content">

                <!-- Unnamed (矩形) -->
                <div id="u1062" class="ax_default _默认样式">
                    <div id="u1062_div" class=""></div>
                    <div id="u1062_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1063" class="ax_default _默认样式">
                    <div id="u1063_div" class=""></div>
                    <div id="u1063_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
                <form th:action="@{/login}" method="post">

                    <!-- 登录按钮 (组合) -->
                    <div id="u1064" class="ax_default" data-label="登录按钮" data-left="55" data-top="362" data-width="350"
                         data-height="50">

                        <!-- Unnamed (矩形) -->
                        <div id="u1065" class="ax_default _默认样式">


                            <div id="u1065_text" class="text ">
                            <p >
                                <button id="u1065_div"  style="text-decoration:none;" >登录</button>
                            </p><!--                  错误-->
                            </div>
                            <div id="cuowu">
                                <p id="cuowuid" th:text="${session.fail}">用户登录验证示例</p>
                            </div>
                        </div>

                        <!-- 加载图标 (SVG) -->
                        <div id="u1066" class="ax_default image ax_default_hidden" data-label="加载图标"
                             style="display:none; visibility: hidden">
                            <img id="u1066_img" class="img " src="../static/images/registration/加载图标_u1001.svg"/>
                            <div id="u1066_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>
                    </div>

                    <!-- 注册新用户按钮 (矩形) -->
                    <div id="u1067" class="ax_default _默认样式" data-label="注册新用户按钮">
                        <div id="u1067_div" class=""></div>
                        <div id="u1067_text" class="text ">
                            <a th:href="@{'/register'}"><p><span style="text-decoration:none;">注册新用户</span></p></a>
                        </div>
                    </div>

                    <!-- 修改密码按钮 (矩形) -->
                    <div id="u1068" class="ax_default _默认样式" data-label="修改密码按钮">
                        <div id="u1068_div" class=""></div>
                        <div id="u1068_text" class="text ">
                            <p><span style="text-decoration:none;">忘记密码?</span></p>
                        </div>
                    </div>

                    <!-- 输入框 (组合) -->
                    <div id="u1069" class="ax_default" data-label="输入框" data-left="55" data-top="222" data-width="350"
                         data-height="50">

                        <!-- 边框 (矩形) -->
                        <div id="u1070" class="ax_default _默认样式" data-label="边框">
                            <img id="u1070_img" class="img " src="../static/images/registration/边框_u980.svg"/>
                            <div id="u1070_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>

                        <!-- 账号输入框 (文本框(单行)) -->
                        <div id="u1071" class="ax_default _默认样式" data-label="账号输入框">
                            <div id="u1071_div" class=""></div>
                            <input id="u1071_input" name="name" type="text" value="" class="u1071_input"
                                   maxlength="20"/>
                            <script>
                                let res = document.getElementById('u1071_input');
                                res.oninput = function () {
                                    localStorage.setItem("username", res.value);
                                }
                                // var name = document.getElementById("u1071_input").value;
                            </script>
                        </div>

                        <!-- 清除 (矩形) -->
                        <div id="u1072" class="ax_default _默认样式 ax_default_hidden" data-label="清除"
                             style="display:none; visibility: hidden">
                            <div id="u1072_div" class=""></div>
                            <div id="u1072_text" class="text ">
                                <p><span style="text-decoration:none;"></span></p>
                            </div>
                        </div>

                        <!-- 图标 (矩形) -->
                        <div id="u1073" class="ax_default _默认样式" data-label="图标">
                            <div id="u1073_div" class=""></div>
                            <div id="u1073_text" class="text ">
                                <p><span style="text-decoration:none;"></span></p>
                            </div>
                        </div>
                    </div>

                    <!-- 输入框 (组合) -->
                    <div id="u1074" class="ax_default" data-label="输入框" data-left="55" data-top="292" data-width="350"
                         data-height="50">

                        <!-- 边框 (矩形) -->
                        <div id="u1075" class="ax_default _默认样式" data-label="边框">
                            <img id="u1075_img" class="img " src="../static/images/registration/边框_u980.svg"/>
                            <div id="u1075_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>

                        <!-- 密码输入框 (文本框(单行)) -->
                        <div id="u1076" class="ax_default _默认样式" data-label="密码输入框">
                            <div id="u1076_div" class=""></div>
                            <input id="u1076_input" name="password" type="password" value="" class="u1076_input"
                                   maxlength="20"/>
                        </div>

                        <!-- 清除 (矩形) -->
                        <div id="u1077" class="ax_default _默认样式 ax_default_hidden" data-label="清除"
                             style="display:none; visibility: hidden">
                            <div id="u1077_div" class=""></div>
                            <div id="u1077_text" class="text ">
                                <p><span style="text-decoration:none;"></span></p>
                            </div>
                        </div>
                    </div>

                </form>
                <!-- 图标 (矩形) -->
                <div id="u1078" class="ax_default _默认样式" data-label="图标">
                    <div id="u1078_div" class=""></div>
                    <div id="u1078_text" class="text ">
                        <p><span style="text-decoration:none;"></span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1079" class="ax_default _默认样式">
                <div id="u1079_div" class=""></div>
                <div id="u1079_text" class="text ">
                    <p><span style="text-decoration:none;">账号登录</span></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (精简底部) -->

<!-- Unnamed (矩形) -->
<div id="u1081" class="ax_default _默认样式">
    <img id="u1081_img" class="img " src="../static/images/registration/u976.svg"/>
    <div id="u1081_text" class="text ">
        <p><span style="text-decoration:none;">Copyright © Enjoy the way All Rights Reserved.</span></p>
        <p><span style="text-decoration:none;">分享好物尽在享道</span></p>
    </div>
</div>
<div id="u1080" style="display:none; visibility:hidden;"></div>

<!-- Unnamed (全局导航) -->

<!-- Unnamed (悬浮工具) -->

<!-- 侧边工具 (动态面板) -->
<div id="u1084" class="ax_default" data-label="侧边工具">
    <div id="u1084_state0" class="panel_state" data-label="State1" style="">
        <div id="u1084_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1085" class="ax_default _默认样式" title="意见反馈">
                <div id="u1085_div" class=""></div>
                <div id="u1085_text" class="text ">
                    <p><span style="text-decoration:none;"></span></p>
                </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1086" class="ax_default _默认样式" title="关注我们">
                <div id="u1086_div" class=""></div>
                <div id="u1086_text" class="text ">
                    <p><span style="text-decoration:none;"></span></p>
                </div>
            </div>

            <!-- TOP (矩形) -->
            <div id="u1087" class="ax_default _默认样式 ax_default_hidden" data-label="TOP" title="返回顶部"
                 style="display:none; visibility: hidden">
                <div id="u1087_div" class=""></div>
                <div id="u1087_text" class="text ">
                    <p><span style="text-decoration:none;"></span></p>
                </div>
            </div>

            <!-- 二维码 (动态面板) -->
            <div id="u1088" class="ax_default ax_default_hidden" data-label="二维码"
                 style="display:none; visibility: hidden">
                <div id="u1088_state0" class="panel_state" data-label="State1" style="">
                    <div id="u1088_state0_content" class="panel_state_content">

                        <!-- Unnamed (Speech Bubble) -->
                        <div id="u1089" class="ax_default _默认样式">
                            <img id="u1089_img" class="img " src="../static/images/home_page/u44.svg"/>
                            <div id="u1089_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>

                        <!-- Unnamed (组合) -->
                        <div id="u1090" class="ax_default" data-left="1" data-top="5" data-width="131"
                             data-height="129">

                            <!-- Unnamed (矩形) -->
                            <div id="u1091" class="ax_default _默认样式">
                                <img id="u1091_img" class="img " src="../static/images/home_page/u46.svg"/>
                                <div id="u1091_text" class="text ">
                                    <p><span style="text-decoration:none;">微信扫描二维码</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (图像) -->
                            <div id="u1092" class="ax_default image">
                                <img id="u1092_img" class="img " src="../static/images/home_page/u10.jpg"/>
                                <div id="u1092_text" class="text " style="display:none; visibility: hidden">
                                    <p></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1093" class="ax_default _默认样式" title="在线客服">
                <div id="u1093_div" class=""></div>
                <div id="u1093_text" class="text ">
                    <p><span style="text-decoration:none;"></span></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 顶部热区 (图像热区) -->
<div id="u1094" class="ax_default" data-label="顶部热区">
</div>
<div id="u1083" style="display:none; visibility:hidden;"></div>

<!-- 背景 (动态面板) -->
<div id="u1095" class="ax_default" data-label="背景">
    <div id="u1095_state0" class="panel_state" data-label="State1" style="">
        <div id="u1095_state0_content" class="panel_state_content">
        </div>
    </div>
</div>

<!-- 热区占位 (图像热区) -->
<div id="u1096" class="ax_default" data-label="热区占位">
</div>

<!-- 发现 (矩形) -->
<div id="u1097" class="ax_default _默认样式" data-label="发现" selectiongroup="u1082导航栏-1">
    <div id="u1097_div" class=""></div>
    <div id="u1097_text" class="text ">
        <p><span style="text-decoration:none;"><a th:href="@{'/find/1'}">发现</a></span></p>
    </div>
</div>

<!-- 广场 (矩形) -->
<div id="u1098" class="ax_default _默认样式" data-label="广场" selectiongroup="u1082导航栏-1">
    <div id="u1098_div" class=""></div>
    <div id="u1098_text" class="text ">
        <p><span style="text-decoration:none;"><a th:href="@{'/square'}">广场</a></span></p>
    </div>
</div>

<!-- 圈子 (矩形) -->
<div id="u1099" class="ax_default _默认样式" data-label="圈子" selectiongroup="u1082导航栏-1">
    <div id="u1099_div" class=""></div>
    <div id="u1099_text" class="text ">
        <p><span style="text-decoration:none;"><a th:href="@{'/circle'}">圈子</a></span></p>
    </div>
</div>

<!-- 打赏 (矩形) -->
<div id="u1100" class="ax_default _默认样式" data-label="打赏" selectiongroup="u1082导航栏-1">
    <div id="u1100_div" class=""></div>
    <div id="u1100_text" class="text ">
        <p><span style="text-decoration:none;"><a th:href="@{'/reward'}">打赏</a></span></p>
    </div>
</div>

<!-- 返回首页图标 (组合) -->
<div id="u1101" class="ax_default" data-label="返回首页图标" data-left="51" data-top="12" data-width="59" data-height="65">

    <!-- Unnamed (矩形) -->
    <div id="u1102" class="ax_default _默认样式">
        <div id="u1102_div" class=""></div>
        <div id="u1102_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- 首页 (矩形) -->
<div id="u1103" class="ax_default _默认样式" data-label="首页" selectiongroup="u1082导航栏-1">
    <div id="u1103_div" class=""></div>
    <div id="u1103_text" class="text ">
        <p><span style="text-decoration:none;"><a th:href="@{'/home_page/0'}">首页</a></span></p>
    </div>
</div>

<!-- 用户菜单 (动态面板) -->
<div id="u1104" class="ax_default" data-label="用户菜单">
    <div id="u1104_state0" class="panel_state" data-label="未登录" style="">
        <div id="u1104_state0_content" class="panel_state_content">

            <!-- 登录 (矩形) -->
            <div id="u1105" class="ax_default _默认样式" data-label="登录">
                <div id="u1105_div" class=""></div>
                <div id="u1105_text" class="text ">
                    <p style="font-size:18px;"><span
                            style="font-family:'FontAwesome';font-weight:400;text-decoration:none;"></span><span
                            style="font-family:'微软雅黑';font-weight:400;font-size:14px;text-decoration:none;"><a
                            th:href="@{'/login'}">登录</a></span></p>
                </div>
            </div>

            <!-- 注册 (矩形) -->
            <div id="u1106" class="ax_default _默认样式" data-label="注册">
                <div id="u1106_div" class=""></div>
                <div id="u1106_text" class="text ">
                    <p style="font-size:18px;"><span
                            style="font-family:'FontAwesome';font-weight:400;text-decoration:none;"></span><span
                            style="font-family:'微软雅黑';font-weight:400;font-size:14px;text-decoration:none;"><a
                            th:href="@{'/register'}">注册</a></span></p>
                </div>
            </div>
        </div>
    </div>
    <div id="u1104_state1" class="panel_state" data-label="已登录" style="visibility: hidden;">
        <div id="u1104_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1107" class="ax_default _默认样式">
                <div id="u1107_div" class=""></div>
                <div id="u1107_text" class="text ">
                    <p><span style="text-decoration:none;"></span></p>
                </div>
            </div>

            <!-- 下拉菜单 (动态面板) -->
            <div id="u1108" class="ax_default ax_default_hidden" data-label="下拉菜单"
                 style="display:none; visibility: hidden">
                <div id="u1108_state0" class="panel_state" data-label="State1" style="">
                    <div id="u1108_state0_content" class="panel_state_content">

                        <!-- Unnamed (矩形) -->
                        <div id="u1109" class="ax_default _默认样式">
                            <div id="u1109_div" class=""></div>
                            <div id="u1109_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>

                        <!-- 个人中心 (矩形) -->
                        <div id="u1110" class="ax_default _默认样式" data-label="个人中心">
                            <div id="u1110_div" class=""></div>
                            <div id="u1110_text" class="text ">
                                <p><span style="text-decoration:none;"><a th:href="@{'/pCenter'}">个人中心</a></span></p>
                            </div>
                        </div>

                        <!-- 修改资料 (矩形) -->
                        <div id="u1111" class="ax_default _默认样式" data-label="修改资料">
                            <div id="u1111_div" class=""></div>
                            <div id="u1111_text" class="text ">
                                <p><span style="text-decoration:none;"><a th:href="@{'/mData'}">修改资料</a></span></p>
                            </div>
                        </div>

                        <!-- 退出登入 (矩形) -->
                        <div id="u1112" class="ax_default _默认样式" data-label="退出登入">
                            <div id="u1112_div" class=""></div>
                            <div id="u1112_text" class="text ">
                                <p><span style="text-decoration:none;"><a th:href="@{'/quit'}">退出登录</a></span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1113" class="ax_default _默认样式">
                <img id="u1113_img" class="img " src="../static/images/home_page/u81.svg"/>
                <div id="u1113_text" class="text ">
                    <p><span style="text-decoration:none;"></span></p>
                </div>
            </div>

            <!-- 头像 (椭圆) -->
            <div id="u1114" class="ax_default ellipse" data-label="头像">
                <img id="u1114_img" class="img " src="../static/images/home_page/头像_u82.svg"/>
                <div id="u1114_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (矩形) -->
<div id="u1115" class="ax_default _默认样式" title="消息中心">
    <div id="u1115_div" class=""></div>
    <div id="u1115_text" class="text ">
        <p><span style="text-decoration:none;"></span></p>
    </div>
</div>

<!-- 搜索栏 (动态面板) -->
<div id="u1116" class="ax_default ax_default_hidden" data-label="搜索栏" style="display:none; visibility: hidden">
    <div id="u1116_state0" class="panel_state" data-label="State1" style="">
        <div id="u1116_state0_content" class="panel_state_content">
            <form th:action="@{/search}" method="post">
                <!-- 输入框 (文本框(单行)) -->
                <div id="u1117" class="ax_default _默认样式" data-label="输入框">
                    <div id="u1117_div" class=""></div>
                    <input id="u1117_input" name="search" type="text" value="" class="u1117_input" maxlength="20"/>
                </div>
            </form>
            <!-- 图标 (矩形) -->
            <div id="u1118" class="ax_default _默认样式" data-label="图标">
                <div id="u1118_div" class=""></div>
                <div id="u1118_text" class="text ">
                    <p><span style="text-decoration:none;"></span></p>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="u1082" style="display:none; visibility:hidden;"></div>
</div>
<script src="../static/resources/scripts/axure/ios.js"></script>
</body>
</html>
